<template>
  <div style="padding: 10px;min-height: 800px">

  </div>
</template>

<script>
import '../assets/font/iconfont/iconfont.css'
export default {
  name: 'edit-audio',
  data () {
    return {
    }
  },
  mounted () {},
  methods: {
  }
}
</script>

<style scoped>
.choose-button {
  background: -webkit-linear-gradient(left, #20BDFF , #7F00FF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #20BDFF , #7F00FF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #20BDFF , #7F00FF); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #20BDFF , #7F00FF); /* 标准的语法 */
  -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
  -moz-border-radius:6px;/*适配firefox浏览器*/
  -ms-border-radius:6px;/*适配IE浏览器*/
  -o-border-radius:6px;/*适配opera浏览器*/
  border-radius:6px;/*适配所有浏览器*/
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  border: 1px solid #C6C4C4;
  outline: none;
  font-size: 22px;
  color: #fff;
}
.audio-item {
  width: 100%;
  margin-top: 15px;
  height: 70px;
}
.choose-button-small {
  background: -webkit-linear-gradient(left, #20BDFF , #7F00FF); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #20BDFF , #7F00FF); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #20BDFF , #7F00FF); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #20BDFF , #7F00FF); /* 标准的语法 */
  -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
  -moz-border-radius:6px;/*适配firefox浏览器*/
  -ms-border-radius:6px;/*适配IE浏览器*/
  -o-border-radius:6px;/*适配opera浏览器*/
  border-radius:6px;/*适配所有浏览器*/
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  border: 1px solid #C6C4C4;
  outline: none;
  font-size: 16px;
  color: #fff;
}
.add-audio-item {
  margin-top: 15px;
  margin-bottom: 20px;
}
.add-audio-item-button {
  color: #727AF6;
}
.preview-button {
  background: #707FF6;
  -webkit-border-radius:6px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
  -moz-border-radius:6px;/*适配firefox浏览器*/
  -ms-border-radius:6px;/*适配IE浏览器*/
  -o-border-radius:6px;/*适配opera浏览器*/
  border-radius:6px;/*适配所有浏览器*/
  -webkit-transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  border: 0px;
  outline: none;
  font-size: 16px;
  color: #fff;
  height: 45px;
  width: 100%;
}
</style>
